
body {
  background-color: #f3f4f5;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  &:hover {
    color: inherit;
  }
  &:active {
    color: inherit;
  }
  &:visited {
    color: inherit;
  }
  &:link {
    color: inherit;
  }
}

.item-shadow {
  box-shadow: 0 0 50px 2px #a4c9be;
}

.el-tabs__active-bar {
  background: {
    color: #28b78c;
  }
}

.ui-button {
  color: #ffffff;
  min-width: 80px;
  background: {
    color: #28b78c;
  }
  //height: 46px;
  border: none;
  &.is-round {

    border-radius: 50px;
  }
  &:focus {
    color: #ffffff;
    background: {
      color: #28b78c;
    }
  }
  &:hover {
    color: #ffffff;
    background: {
      color: #31cb9d;
    }
  }
  &:active {
    color: #ffffff;
    background: {
      color: #189f76;
    }
  }
  &:visited {
    color: #ffffff;
    background: {
      color: inherit;
    }
  }
  &:link {
    color: #ffffff;
    background: {
      color: inherit;
    }
  }
  &.el-button--primary {
    background: {
      color: #ff7d38;
    }
    &.is-plain {
      background: {
        color: #ffffff;
      }
      color: #ffb38a;
      border: 1px solid;
      &:hover {
        color: #ffffff;
        background: {
          color: #ff7d38;
        }
      }
      &:active {
        color: #ffffff;
        background: {
          color: #b35827;
        }
      }
    }
    &:hover {
      color: #ffffff;
      background: {
        color: #ffb38a;
      }
    }
    &:active {
      color: #ffffff;
      background: {
        color: #b35827;
      }
    }
    &:visited {
      color: #ffffff;
      background: {
        color: inherit;
      }
    }
    &:link {
      color: #ffffff;
      background: {
        color: inherit;
      }
    }
  }
}

.search-form {
  &.el-form--inline {
    .el-input__inner {
      border: {
        radius: 30px;
      }
    }
    .el-date-editor {
      border: {
        radius: 30px;
      }
    }
  }
}

.ui-form {
  .ui-form-item {
    label {
      color: #9B948A;
    }
    .el-form-item__label {
      display: block;
    }
    .el-input__inner {
      background: {
        color: #F5F4F3;
      }
      border: none;
      height: 50px;
    }
    .password-input {
      .el-input-group__append {
        border: none;
        background: {
          color: #F5F4F3;
        }
      }
      &:hover {
        border: none;
        background: {
          color: #F5F4F3;
        }
      }
    }
    .phone-verify-code-input {
      .el-input-group__append {
        border: none;
        background: {
          color: #F5F4F3;
        }
      }
      .el-button {
        &.is-disabled {
          &:hover {
            background: {
              color: #F5F4F3;
            }
          }
        }
      }

    }
    .drag_verify {
      .dv_handler {
        border-color: #F5F4F3;
      }

    }

  }
}
